<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>艺术盒子-今日之星</title>
		<meta name="viewport" content=t="width=device-width,initial-scale=1,user-scalable=no"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/jinrizhixing.css"/>
	</head>
	<body>
		<div class="web">
			<div class="content">
				<!--头部导航栏-->
				<div class="top">
					<div><img src="img/shouye1.png"/></div>
					<div><img src="img/shouye2.png"/></div>
					<div><img src="img/shouye3.png"/></div>
					<div><img src="img/shouye4.png"/></div>
					<div><img src="img/shouye5.png"/></div>
				</div>
				<div class="title">
					今日之星
				</div>
				<div class="yirenjigou">
					<div>艺人</div>
					<div>机构</div>
				</div>
				<div class="picture">
					<div><img src="img/jinrizhixing2.png"/></div>
					<div>
						<img src="img/jinrizhixing1.png"/>
					</div>
					<div><img src="img/jinrizhixing2.png"/></div>	
					<div>我要上推荐</div>
				</div>
			</div>
			<!--底部-->
			<div class="foot">
				<ul>
					<li><a><img src="img/shouye16.png"/></a></li>
					<li><a><img src="img/shouye17.png"/></a></li>
					<li><a><img src="img/shouye19.png"/></a></li>
					<li><a><img src="img/shouye18.png"/></a></li>
					<li><a><img src="img/shouye15.png"/></a></li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">
				//获取viewsportWidth的宽度值
				console.log("手机viewportwidth",document.documentElement.clientWidth);
				    var viewPortWidth=document.documentElement.clientWidth;
				    //动态设置html应该设置的fontsize大小
				    //根据设计图和基本fontsize算出目标手机下应有的fontsize
				    var fontSize=viewPortWidth*40/640;
				    console.log(fontSize);
				    //把计算出来的fontSize真正赋值给html
				    document.documentElement.style.fontSize = fontSize+"px";
			</script>
	</body>
</html>
